<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="box">
        <div class="heard-box banxin">
            <a href="#">
                <img src="./images/logo.png" alt="">
            </a>
            <div class="title">
                <a href="#">首页</a>
                <a href="#">精彩表演</a>
                <a href="#">会员中心</a>
                <a href="#">金币充值</a>
                <a href="#">分享伴奏</a>
                <a href="#">直播</a>
                <a href="#">音乐人</a>
                <a href="#">加入我们</a>
            </div>
        </div>
        <div class="center-box banxin">
            <img src="images/ktvNew.png" alt="ktv new" class="sing-container-img">
            <a href="#" class="download">免费下载</a>
        </div>
        <div class="img-box banxin">
            <img src="images/top1.png" alt="">
            <img src="images/top2.png" alt="">
            <img src="images/top3.png" alt="">
            <img src="images/top4.png" alt="">
            <img src="images/top5.png" alt="">
        </div>
    </div>
    <ul class="middle-box banxin">
        <li>
            <img src="images/display1.jpg" alt="" >
            <div class="text">最时尚的手机KTV</div>
        </li>
        <li>
            <img src="images/display2.jpg" alt="" >
            <div class="text">上百万高品质伴奏</div>
        </li>
        <li>
            <img src="images/display3.jpg" alt="" >
            <div class="text">人气最高的K歌社区</div>
        </li>
        <li>
            <img src="images/display4.jpg" alt="" >
            <div class="text">附近的兴趣群组</div>
        </li>
    </ul>
    <div class="middle-download banxin">
        <a href="#" class="iphone">
            <span class="spanText">iPhone</span>
        </a>
        <a href="#" class="android">
            <span class="spanText">Android</span>
        </a>
        <a href="#" class="ipad">
            <span class="spanText">iPad</span>
        </a>
        <a href="#" class="win-phone">
            <span class="spanText">WinPhone 8</span>
        </a>
        <a href="#" class="home-icon spanText">二维码</a>
        <div class="sing-public-container-inline-block"></div>
    </div>
    <div class="bottom-box">
        <a href="#" class="sing-public-footer-link">沃唱吧</a>|
        <a href="#" class="sing-public-footer-link">English</a>|
        <a href="#" class="sing-public-footer-link">重新设置密码</a>|
        <a href="#" class="sing-public-footer-link">帮助中心</a>|
        <a href="#" class="sing-public-footer-link">联系我们</a>|
        <a href="#" class="sing-public-footer-link">加入唱吧</a>|
        <a href="#" class="sing-public-footer-link">防诈骗专栏</a>|
        <a href="#" class="sing-public-footer-link">商品防伪查询</a>|<br>
        北京酷智科技有限公司 ©2017 changba.com |
        <a href="#" class="sing-public-footer-link">京ICP证110298 </a>
        | 办公电话：010-84299866
        <br>
        <a href="#" class="sing-public-footer-link"> 京网文[2015]0390-170号</a>|
        <a href="#" class="sing-public-footer-link">  营业性演出许可证 </a>|
        <a href="#" class="sing-public-footer-link">
            <img src="images/ghs.png" alt="">
            京公网安备11010502025063号
        </a>|
        <a href="#" class="sing-public-footer-link">
            <img src="images/sf.png" alt="">
        </a>
    </div>
</body>

</html>